import React, { memo, Suspense } from 'react'
import { Outlet } from 'react-router-dom'
// 引入类型：
import type { ReactNode } from 'react'
import DiscoverTab from './components/discoverTab'
// import { Outlet, Link } from 'react-router-dom'

interface IProps {
	children?: ReactNode
}

// 对组件进行类型定义，FC 表示函数式组件（即：FunctionComponents）
const Discover: React.FC<IProps> = () => {
	return (
		<div>
			<DiscoverTab />

			<Suspense>
				<Outlet />
			</Suspense>
		</div>
	)
}

export default memo(Discover)
